<template>
  <div class="main-container container-fluid container-limited page-holder">
    <groups-breadcrumb />
    <div class="page-title-holder no-border-bottom">
      <h2 class="page-title">{{ curGroup.title }}</h2>
    </div>
    <p>{{ curGroup.desc }}</p>
    <el-row class="row" :gutter="20">
      <el-col :xs="24" :sm="18">
        <global-activities />
        <recent-items class="m-t-16" />
      </el-col>
      <el-col :xs="24" :sm="6">
        <annc />
        <related-spaces class="m-t-16" />
        <related-questionnaires class="m-t-16" />
        <admins class="m-t-16" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapState, mapGetters } from 'vuex';
import GroupsBreadcrumb from '@/views/groups/components/breadcrumb';
import GlobalActivities from './components/global-activities';
import RecentItems from './components/recent-items';
import RelatedSpaces from './components/related-spaces';
import RelatedQuestionnaires from './components/related-questionnaires';
import Admins from './components/admins';
import Annc from './components/annc';

export default {
  name: 'GroupsHomepage', // 概览
  components: {
    GroupsBreadcrumb,
    GlobalActivities,
    RecentItems,
    RelatedSpaces,
    RelatedQuestionnaires,
    Admins,
    Annc,
  },
  computed: {
    ...mapState({ curGroup: 'currentGroup' }),
    ...mapGetters(['isWebAdmin', 'isGroupOwner', 'isGroupAdmin']),
  },
};
</script>

<style></style>
